<?php $menuPresenter = app('App\Repositories\Presenters\Admin\MenuPresenter'); ?>
<div class="ibox float-e-margins animated bounceIn formBox" id="createBox">
  <div class="ibox-title">
    <h5><?php echo e(trans('common.create').trans('menu.desc')); ?></h5>
    <div class="ibox-tools">
      <a class="close-link">
          <i class="fa fa-times"></i>
      </a>
    </div>
  </div>
  <div class="ibox-content">
    <form method="post" action="<?php echo e(route('menu.store')); ?>" class="form-horizontal" id="createForm">
      <?php echo csrf_field(); ?>

      <div class="form-group">
        <label class="col-sm-2 control-label"><?php echo e(trans('menu.name')); ?></label>
        <div class="col-sm-10">
          <input type="text" class="form-control" placeholder="<?php echo e(trans('menu.name')); ?>" name="name">
        </div>
      </div>
      <div class="hr-line-dashed"></div>
      <div class="form-group">
        <label class="col-sm-2 control-label"><?php echo e(trans('menu.pid')); ?></label>
        <div class="col-sm-10">
          <select data-placeholder="<?php echo e(trans('menu.pid')); ?>" data-live-search="true" class="selectpicker form-control" name="pid">
            <?php echo $menuPresenter->topMenuList($menus); ?>

          </select>
        </div>
      </div>
      <div class="hr-line-dashed"></div>
      <div class="form-group">
        <label class="col-sm-2 control-label"><?php echo e(trans('menu.icon')); ?></label>
        <div class="col-sm-10">
          <input type="text" class="form-control" placeholder="<?php echo e(trans('menu.icon')); ?>" value="" name="icon">
          <span class="help-block m-b-none"><?php echo trans('menu.moreIcon'); ?></span>
        </div>
      </div>
      <div class="hr-line-dashed"></div>
      <div class="form-group">
        <label class="col-sm-2 control-label"><?php echo e(trans('menu.slug')); ?></label>
        <div class="col-sm-10">
          <select data-placeholder="<?php echo e(trans('menu.slug')); ?>" data-live-search="true" class="selectpicker form-control" name="slug">
            <?php echo $menuPresenter->permissionList($permissions); ?>

          </select>
        </div>
      </div>
      <div class="hr-line-dashed"></div>
      <div class="form-group">
        <label class="col-sm-2 control-label"><?php echo e(trans('menu.url')); ?></label>
        <div class="col-sm-10">
          <input type="text" class="form-control" placeholder="<?php echo e(trans('menu.url')); ?>" value="" name="url">
        </div>
      </div>
      <div class="hr-line-dashed"></div>
      <div class="form-group">
        <label class="col-sm-2 control-label"><?php echo e(trans('menu.active')); ?></label>
        <div class="col-sm-10">
          <input type="text" class="form-control" placeholder="<?php echo e(trans('menu.active')); ?>" value="" name="active">
        </div>
      </div>
      <div class="hr-line-dashed"></div>
      <div class="form-group">
        <label class="col-sm-2 control-label"><?php echo e(trans('menu.menu_description')); ?></label>
        <div class="col-sm-10">
          <input type="text" class="form-control" placeholder="<?php echo e(trans('menu.menu_description')); ?>" value="" name="description">
        </div>
      </div>
      <div class="hr-line-dashed"></div>
      <div class="form-group">
        <label class="col-sm-2 control-label"><?php echo e(trans('menu.sort')); ?></label>
        <div class="col-sm-10">
          <input type="text" id="sort"  name='sort' class="form-control"/>
        </div>
      </div>
      <div class="hr-line-dashed"></div>
      <div class="form-group">
          <div class="col-sm-4 col-sm-offset-2">
            <a class="btn btn-white close-link"><?php echo trans('common.close'); ?></a>
            <button class="btn btn-primary createButton ladda-button"  data-style="zoom-in"><?php echo trans('menu.create'); ?></button>
          </div>
      </div>
    </form>
  </div>
</div>
<script type="text/javascript">
  $('.selectpicker').selectpicker();
  $('#sort').ionRangeSlider({
      type: "single",
      min: 0,
      max: 100,
      from: 0
  });
</script>